/** @type {import('tailwindcss').Config} */
export default {
  darkMode: 'class',
  content: [
    './index.html',
    './src/**/*.{js,ts,jsx,tsx}',
  ],
  theme: {
    extend: {
      colors: {
        primary: '#0f172a', // slate-900
        secondary: '#334155', // slate-700
        background: {
          light: '#ffffff',
          dark: '#020617' // slate-950
        },
        surface: {
          light: '#f1f5f9', // slate-100
          dark: '#1e293b' // slate-800
        },
        success: '#16a34a', // green-600
        warning: '#f59e0b', // amber-500
        destructive: '#dc2626', // red-600
        border: {
          light: '#e2e8f0', // slate-200
          dark: '#334155' // slate-700
        }
      },
      fontFamily: {
        inter: ['Inter', 'sans-serif'],
      },
    },
  },
  plugins: [],
}